<div class="main gis-person-info">
  <bid-tabs
    query-fn="vm.tabBidItem"
    query-bean="vm.queryData"
    query-type="bid"
    query-param="bidId"></bid-tabs>
<!--   <div class="gis-title">人员定位</div> -->
  <div id="allmap"></div>

  <!-- <div class="statics-info">
  <div class="statics-header" 
     ng-click = "(vm.showStaticInfoDialog = !vm.showStaticInfoDialog)">统计信息</div>
  <table class="table" ng-show = "vm.showStaticInfoDialog">
    <tbody>
      <tr>
        <th>施工队</th>
        <th>人数</th>
      </tr>
      <tr ng-repeat = "team in vm.staticsInfo">
        <td>{{team.teamName}}</td>
        <td>{{team.personNum}}</td>
      </tr>
      <tfoot>
        <tr>
          <td colspan="2">
            <div>共&nbsp;{{vm.personSum}}&nbsp;人</div>
          </td>
        </tr>
      </tfoot>
    </tbody>
  </table>
</div>
-->
  <div class="statics-info" ng-controller="fenceTabCtrl">
    <div class="statics-info-item statics-header shadowbox fence-tab">
      <div class="statics-area-item"
        ng-repeat = "item in fenceAreaData"
        ng-click="toggleFenceTab(item, fenceAreaData)">
        <div class="area-title">
          <i class="icon"
            ng-class="{'icon-danger': item.type == 2,'icon-normal': item.type == 1,'icon-no-work': item.type == 3,'fa fa-user': item.type == 4}"></i>
          <span ng-class="{'area-active': item.active}">{{item.name}}</span>
          <i class="icon fa icon-chevron" ng-class="{'fa-chevron-up': !item.active, 'fa-chevron-down': item.active}"></i>
        </div>
      </div>
    </div>
    <div class="fence-tab-collapse" ng-show="isFenceTabActive">
      <div class="statics-info-item statics-area shadowbox"
          ng-show="shouldShowAreaList">
        <div class="area-item" ng-repeat="item in activeAreaData">
          <a class="personal-btn"
              ng-click="activeFenceAreaBtn(item.id, activeAreaData)"
              ng-class="{'btn-active': item.active}">{{item.name}}</a>
        </div>
      </div>
      <div class="statics-info-item statics-table shadowbox" ng-show="isAreaBtnActive || isOffworkTabActive">
        <div >
          <table class="table">
            <thead class="statics-table-thead">
              <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>岗位</th>
                <th>所属单位</th>
                <th>设备状态</th>
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat="item in paginationWorkerList track by $index" ng-click="clickTablerow(item)">
                <td>{{item.index}}</td>
                <td>{{item.name}}</td>
                <td>{{item.stationCategoryText}}</td>
                <td>{{item.constructionTeamName}}</td>
                <td ng-class="{'has-complete': item.deviceStatus == 'Normal',
                'after-rectify': item.deviceStatus == 'NotOnline',
                'ongoing': item.deviceStatus == 'Expired',
                'nostart': item.deviceStatus == 'Offline'}">
                {{item.deviceStatus  == 'Normal' ? '正常' :
                item.deviceStatus  == 'NotOnline' ? '未上线' : 
                item.deviceStatus  == 'Expired' ? '设备已过期' :
                item.deviceStatus  == 'Offline' ? '离线' : ''
                }}
                </td>
              </tr>
            </tbody>
          </table>
          <div class="total-num">共计{{paginationData.total}}人</div>
          <!-- 分页 -->
          <div class="pagination-outer pagination-sm">
            <uib-pagination
             total-items="paginationData.total"
             ng-model="paginationData.pageNum"
             items-per-page="paginationData.pageSize"
             ng-change="pageChange()"
             class="pagination-sm"
             boundary-link-numbers="true"
             max-size="5"
             next-text="下一页"
             previous-text="上一页"></uib-pagination>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>